.logo{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-color: transparent;
	margin-top: 20rpx;
	>image{
		width: 250rpx;
		height: 80rpx;
	}
	>p:nth-child(2){
		font-weight: bold;
		margin-top: 70rpx;
		font-size: 40rpx;
	}
}
.inputBox{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width:612rpx;
	margin: 0 auto;
	margin-top: 80rpx;
	>p{
		font-size: 26rpx;
		width: 100%;
	}
	>input{
		margin-top: 5rpx;
		width:612rpx;
		font-size: 28rpx;
		height: 70rpx;
		line-height: 80rpx;
		margin-bottom: 37rpx;
		border-bottom: 1px solid #CCCCCC;
	}
	.change{
		width: 500rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 26rpx;
		color: #999999;
		margin-top: 44rpx;
	}
}
.loginBtn{
		margin-top: 129rpx;
		width: 610rpx;
		text-align: center;
		line-height: 90rpx;
		color: #fff;
		height: 90rpx;
		background: #0355E5;
		border-radius: 45rpx;
	}
.roiPhone{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 100rpx;
	margin-bottom: 30rpx;
	.check{
		margin-right: 6rpx;
		display: flex;
		align-items: center;
		>text{
			display: inline-block;
			width: 28rpx;
			height: 28rpx;
			border-radius:50%;
			background-color: #fff;
			box-sizing: border-box;
			border: 1px solid #ccc;
		}
		>image{
			width: 28rpx;
			height: 28rpx;
		}
	}
	.checkText{
		display: flex;
		align-items: center;
			color: #666;
			font-size: 26rpx;
			>text{
				color: #1699FB;
			}
		}
}
.regBox{
	width: 610rpx;
	margin:0 auto;
	margin-top: 80rpx;
	.regTitle{
		>p:nth-child(1){
			font-size: 50rpx;
			font-weight: bold;
		}
		>p:nth-child(2){
			color: #999999;
			margin-top: 12rpx;
			font-size: 28rpx;
		}
	
	}
	.formBox{
		width: 100%;
		margin: 0 auto;
		margin-top: 80rpx;
		font-size: 28rpx;
		.name{
			>p{
				>text{
					color: #f10;
				}
			}
			margin-bottom: 37rpx;
			>input{
				margin-top: 5rpx;
				width:100%;
				height: 80rpx;
				line-height: 80rpx;
				margin-bottom: 37rpx;
				border-bottom: 1px solid #CCCCCC;
			}
			>view:nth-child(2){
				width:100%;
				height: 80rpx;
				margin-bottom: 37rpx;
				border-bottom: 1px solid #CCCCCC;
				display: flex;
				align-items: center;
				justify-content: space-between;
				>p{
					background-color: #0355E5;
					padding: 8rpx 20rpx;
					color: #fff;
					font-size: 26rpx;
					border-radius: 26rpx;
				}
			}
		}
	}
}
.loginBox{
	-webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
		        animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
